<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./icon/iconfont.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/index.js"></script>
    <title>Document</title>
</head>
<body>
    <div class="page-main">
        <header>
            <div class="top-seach-box">
                <i class="iconfont icon-gps"></i>
                <div class="seach-input">
                    <div class="word-key">康熙字典</div>
                </div>
                <i class="iconfont icon-seach"></i>
            </div>
        </header>
        <div class="body-content">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="./imgs/slide/1.jpg">
                    </div>
                    <div class="swiper-slide">
                        <img src="./imgs/slide/2.jpg">
                    </div>
                    <div class="swiper-slide">
                        <img src="./imgs/slide/3.jpg">
                    </div>
                    <div class="swiper-slide">
                        <img src="./imgs/slide/4.jpg">
                    </div>
                    <div class="swiper-slide">
                        <img src="./imgs/slide/5.jpg">
                    </div>
                    <div class="swiper-slide">
                        <img src="./imgs/slide/6.jpg">
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
            <div class="menus-container">
                <div class="menu-item">
                    <i class="iconfont icon-types"></i>
                    <p>全部分类</p>
                </div>
                <div class="menu-item">
                    <i class="iconfont icon-order"></i>
                    <p>订单</p>
                </div>
                <div class="menu-item">
                    <i class="iconfont icon-cart"></i>
                    <p>购物车</p>
                </div>
                <div class="menu-item">
                    <i class="iconfont icon-me"></i>
                    <p>个人中心</p>
                </div>
            </div>
            <div class="types-container">
                <div class="type-item">
                    <div class="info">
                        <p class="title">文学</p>
                        <span class="desc">小说 文集 青春文学 中国散文 外国散文 悬疑推理 世界名著 小说 文集 青春文学 中国散文 外国散文 悬疑推理 世界名著</span>
                    </div>
                    <div class="images">
                        <img src="./imgs/books/s4018703.jpg">
                    </div>
                </div>
                <div class="type-item">
                    <div class="info">
                        <p class="title">社科</p>
                        <span class="desc">历史 哲学/宗教 政治军事 传记 文化 古籍 管理 经济 政治 军事 中国政治 国际政治 外交/国际关系 哲学 宗教 美学 哲学</span>
                    </div>
                    <div class="images">
                        <img src="./imgs/books/s5600402.jpg">
                    </div>
                </div>
                <div class="type-item">
                    <div class="info">
                        <p class="title">少儿</p>
                        <span class="desc">中国儿童文学 外国儿童文学 科普读物 动漫/卡通 幼儿启蒙 百科科普 百科 历史读物 生活常识 益智游戏 传统文化</span>
                    </div>
                    <div class="images">
                        <img src="./imgs/books/s6383723.jpg">
                    </div>
                </div>
                <div class="type-item">
                    <div class="info">
                        <p class="title">艺术</p>
                        <span class="desc">绘画 书法篆刻 艺术理论 摄影 音乐 绘画 书法篆刻 艺术理论 摄影 音乐</span>
                    </div>
                    <div class="images">
                        <img src="./imgs/books/s6473996.jpg">
                    </div>
                </div>
                <div class="type-item">
                    <div class="info">
                        <p class="title">生活</p>
                        <span class="desc">美食 保健/心理健康 旅游 家庭教育 家居休闲 美食 保健/心理健康 旅游 家庭教育 家居休闲</span>
                    </div>
                    <div class="images">
                        <img src="./imgs/books/s7278751.jpg">
                    </div>
                </div>
                <div class="type-item">
                    <div class="info">
                        <p class="title">文教</p>
                        <span class="desc">中小学教辅 外语 教材 医学 计算机 自然科学 中小学教辅 外语 教材 医学 计算机 自然科学</span>
                    </div>
                    <div class="images">
                        <img src="./imgs/books/s7551390.jpg">
                    </div>
                </div>
            </div>

            <div class="taoshu-container">
                <div class="title">
                    <span>淘书团</span>
                    <span>更多<i class="iconfont icon-right"></i></span>
                </div>
                <ul class="taoshu-list">
                    <li>
                        <div class="image"><img src="./imgs/taoshu/taoshu01.jpg"></div>
                        <div class="info">
                            <p class="desc">
                                《胡适文存》精装全4册，是胡适思想的精华，影响了一代又一代青年，
                            </p>
                            <p class="price">
                                <span>团购价:￥68 <del>￥188</del></span>
                                <span class="am-badge am-badge-secondary">3.6折</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="image"><img src="./imgs/taoshu/taoshu02.jpg"></div>
                        <div class="info">
                            <p class="desc">
                                《每周三超低价！“神州轶闻录”系列之《老滋味》《老俗事》2册，文史作家周简段以乡土怀旧的笔触，
                                记叙了旧时代的民间风味、佳酿铭茶、市井小景、时令逸趣，并穿插百多幅珍贵老照片。
                                书法家溥杰、启功题签，梁漱溟、冰心总序，其中《老滋味》由陈云夫人于若木作序，
                                《老俗事》由老舍夫人胡絮青作序。定价49元，现团购价17.9元，全国包快递！
                            </p>
                            <p class="price">
                                <span>团购价:￥17.9 <del>￥49</del></span>
                                <span class="am-badge am-badge-secondary">3.7折</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="image"><img src="./imgs/taoshu/taoshu03.jpg"></div>
                        <div class="info">
                            <p class="desc">
                                德国引进，奉献给孩子的哲学启蒙书！《大猪小猪看世界》48开精装全8册，根据德国热播多年的经典动画片改编而成。
                                主人公皮格是一个总爱提问的小猪，无论它问多么复杂的问题，智慧的哥哥弗雷德都能予以简单的解答。
                                活泼幽默的插画配以幽默风趣的对话，可帮助小读者理解什么是爱、遗忘、争吵、幸运、流浪、孤单、懒惰、耐心等词汇。
                                猪哥哥的回答也非常值得家长借鉴，在保护孩子好奇心的同时，适当地启发他们的逻辑思维。定价88
                            </p>
                            <p class="price">
                                <span>团购价:￥32 <del>￥88</del></span>
                                <span class="am-badge am-badge-secondary">3.6折</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="image"><img src="./imgs/taoshu/taoshu04.jpg"></div>
                        <div class="info">
                            <p class="desc">
                                    二月河长篇力作《乾隆皇帝》全6册，以大量的史料为依据，描绘了乾隆时期广阔的社会场景。
                                    上至庙堂之高，下至江湖之远，宫闱、闺阁、市井、乡野、沙场、行院……无不涉及，
                                    展现了当时政治、经济、军事、文化等各方面的历史风云变迁，堪称清代中期的一部百科全书。
                                    作品结构紧凑，故事情节跌宕，气势恢宏，文笔老辣，值得多次品读。定价144元，现团购价49元，全国包快递！
                            </p>
                            <p class="price">
                                <span>团购价:￥49 <del>￥144</del></span>
                                <span class="am-badge am-badge-secondary">3.4折</span>
                            </p>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="taoshu-container">
                <div class="title">
                    <span>新书上架</span>
                    <span>更多 ></span>
                </div>
                <div class="book-item-list">
                    <div class="item0">
                        <div>
                            <p class="item-title">读书会-民国秘史</p>
                            <p class="item-viceTitle">萨沙编著</p>
                        </div>
                        <div>
                            <img class="image" src="./imgs/newbook/newbook01.jpg">
                        </div>
                    </div>
                    <div class="item1">
                        <div>
                            <p class="item-title">下课后的奇幻补习班</p>
                            <p class="item-viceTitle">刘炯朗</p>
                        </div>
                        <div>
                            <img class="image" src="./imgs/newbook/newbook02.jpg">
                        </div>
                        
                    </div>
                    <div class="item2">
                        <div>
                            <p class="item-title">汉字书写与书法艺术</p>
                            <p class="item-viceTitle">余志海</p>
                        </div>
                        <div>
                            <img class="image" src="./imgs/newbook/newbook03.jpg">
                        </div>
                    </div>
                    <div class="item">
                        <div>
                            <p class="item-title">宇宙中的星系</p>
                            <p class="item-viceTitle">（美）斯帕克，（美）加拉格　著，邹振隆　译</p>
                        </div>
                        <div>
                            <img class="image" src="./imgs/newbook/newbook04.jpg">
                        </div>
                    </div>
                    <div class="item">
                        <div>
                            <p class="item-title">汉字书写与书法艺术</p>
                            <p class="item-viceTitle">余志海</p>
                        </div>
                        <div>
                            <img class="image" src="./imgs/newbook/newbook05.jpg">
                        </div>
                    </div>
                    <div class="item">
                        <div>
                            <p class="item-title">列子臆说</p>
                            <p class="item-viceTitle">南怀瑾 讲述</p>
                        </div>
                        <div>
                            <img class="image" src="./imgs/newbook/newbook01.jpg">
                        </div>
                        
                    </div>
                </div>
            </div>

            <div class="taoshu-container">
                <div class="title">
                    <span>畅销榜</span>
                    <span>更多 ></span>
                </div>
                <div class="hot-list">
                    <div class="hot-item">
                        <div class="image">
                            <img src="./imgs/newbook/newbook01.jpg">
                        </div>
                        <div class="info">
                            <h2 class="name">一见钟情的概率</h2>
                            <div class="otherInfo">
                                <span class="author">珍妮弗·E.史密斯</span>
                                <i>/</i>
                                <span class="pulishTiem">2011-05-01</span>
                                <i>/</i>
                                <span class="publisher">译林出版社</span>
                            </div>
                            <div class="priceWrap">
                                <span class="sellPrice">¥16.3</span>
                                <span class="discount">(6.5折)</span>
                                <span class="priceTit">定价:</span>
                                <del class="">¥25.0</del>
                            </div>
                            <div class="oparateButton">
                                <!-- <span class="buyButton">加入购物车</span> -->
                                <i class="iconfont icon-cart"></i>
                            </div>
                        </div>
                    </div>
                    <div class="hot-item">
                        <div class="image">
                            <img src="./imgs/newbook/newbook01.jpg">
                        </div>
                        <div class="info">
                            <h2 class="name">一见钟情的概率</h2>
                            <div class="otherInfo">
                                <span class="author">珍妮弗·E.史密斯</span>
                                <i>/</i>
                                <span class="pulishTiem">2011-05-01</span>
                                <i>/</i>
                                <span class="publisher">译林出版社</span>
                            </div>
                            <div class="priceWrap">
                                <span class="sellPrice">¥16.3</span>
                                <span class="discount">(6.5折)</span>
                                <span class="priceTit">定价:</span>
                                <del class="">¥25.0</del>
                            </div>
                            <div class="oparateButton">
                                <!-- <span class="buyButton">加入购物车</span> -->
                                <i class="iconfont icon-cart"></i>
                            </div>
                        </div>
                    </div>
                    <div class="hot-item">
                        <div class="image">
                            <img src="./imgs/newbook/newbook01.jpg">
                        </div>
                        <div class="info">
                            <h2 class="name">一见钟情的概率</h2>
                            <div class="otherInfo">
                                <span class="author">珍妮弗·E.史密斯</span>
                                <i>/</i>
                                <span class="pulishTiem">2011-05-01</span>
                                <i>/</i>
                                <span class="publisher">译林出版社</span>
                            </div>
                            <div class="priceWrap">
                                <span class="sellPrice">¥16.3</span>
                                <span class="discount">(6.5折)</span>
                                <span class="priceTit">定价:</span>
                                <del class="">¥25.0</del>
                            </div>
                            <div class="oparateButton">
                                <!-- <span class="buyButton">加入购物车</span> -->
                                <i class="iconfont icon-cart"></i>
                            </div>
                        </div>
                    </div>
                    <div class="hot-item">
                        <div class="image">
                            <img src="./imgs/newbook/newbook01.jpg">
                        </div>
                        <div class="info">
                            <h2 class="name">一见钟情的概率</h2>
                            <div class="otherInfo">
                                <span class="author">珍妮弗·E.史密斯</span>
                                <i>/</i>
                                <span class="pulishTiem">2011-05-01</span>
                                <i>/</i>
                                <span class="publisher">译林出版社</span>
                            </div>
                            <div class="priceWrap">
                                <span class="sellPrice">¥16.3</span>
                                <span class="discount">(6.5折)</span>
                                <span class="priceTit">定价:</span>
                                <del class="">¥25.0</del>
                            </div>
                            <div class="oparateButton">
                                <!-- <span class="buyButton">加入购物车</span> -->
                                <i class="iconfont icon-cart"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
</body>
</html>